<script setup>
import { ref } from 'vue'
const acitive = ref(1)
const allsquare = ref(
    [
      {id:1,title:"卸车",desc:"方料到货卸车"},
      {id:2,title:"切料",desc:"方料上机台切料"},
      {id:3,title:"刷胶",desc:"切完片刷胶"},
      {id:4,title:"备网",desc:"刷完胶备网"},
    ])
</script>

<template>
  <div class="box_main">
    <el-header>
      <el-button @click="acitive++">下一步</el-button>
      <el-button @click="acitive=1">重置</el-button>
    </el-header>
    <el-steps style="max-width: 600px" :space="200" :active="acitive" finish-status="success" align-center direction="vertical">
      <template v-for="item in allsquare">
        <el-step :title="item.title" :description="item.desc" />
      </template>
    </el-steps>
  </div>
</template>
